home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2007 December / PCWKCD1207B.iso / Blogowanie poza sfera / Flock 0.9.1.3 stable / flock-0.9.1.3.en-US.win32.exe / flock / chrome / classic.jar / skin / classic / browser / tabs.css < prev    next >
Cascading Style Sheet File  |  2007-05-15  |  9KB  |  307 lines
  1. /***************************
  2.  * browser tab styles
  3.  ***************************/
  4.  
  5. /* See bug 1261 */
  6. hbox.tabbrowser-strip {
  7.   overflow: hidden;
  8. }
  9.  
  10. .tabbrowser-tabs {
  11.   background-image: url(chrome://global/skin/icons/tabbrowser-tabs-bkgnd.png) !important;
  12.   height: 34px;
  13.   -moz-box-align: end;
  14. }
  15.  
  16. .tabbrowser-tab[selected="true"] .tab-text {
  17.   font-weight: bold;
  18. }
  19.  
  20. .tabbrowser-tab:not([selected="true"]) .tab-close-button {
  21.   list-style-image: url(chrome://global/skin/icons/closetab.png);
  22.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  23. }
  24.  
  25. .tabs-closebutton,
  26. .tabbrowser-tab > .tab-close-button {
  27.   list-style-image: url(chrome://global/skin/icons/closetab.png);
  28.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  29. }
  30.  
  31.  
  32. .tabbrowser-tab:hover > .tab-close-button {
  33.   list-style-image: url(chrome://global/skin/icons/closetab.png);
  34.   cursor: pointer;
  35. }
  36.  
  37. .tabs-closebutton:hover,
  38. .tabbrowser-tab > .tab-close-button:hover {
  39.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  40. }
  41.  
  42. .tabs-closebutton:hover:active,
  43. .tabbrowser-tab > .tab-close-button:hover:active {
  44.   list-style-image: url(chrome://global/skin/icons/closetab.png) !important;
  45.   -moz-image-region: rect(0px, 48px, 16px, 32px) !important;
  46. }
  47.  
  48. .tabs-bottom {
  49.  
  50. }
  51.  
  52. .tabbrowser-tab {
  53.   font-weight: normal !important;
  54.   opacity: 1.0;
  55.   height: 34px !important;
  56.   -moz-border-radius: 0px !important;
  57.   margin-top: 0px;
  58.   margin-bottom: 0px !important; /* JMC Testing*/
  59. }
  60. .tabbrowser-tab:hover {
  61.   background-image: none;
  62.   background-color: transparent;
  63. }
  64. .tabbrowser-tab .tab-image-left,
  65. .tabbrowser-tab .tab-image-middle,
  66. .tabbrowser-tab .tab-image-right,
  67. .tabbrowser-tab .tab-close-button {
  68.   height: 34px !important;
  69. }
  70.  
  71. /* BC: Removing funny background color from the back of tabs */
  72. .tabbrowser-tab > .tab-image-left,
  73. .tabbrowser-tab > .tab-image-right
  74. {
  75.   background-color: transparent;
  76. }
  77. .tabbrowser-tab:not([selected="true"]) > .tab-image-left,
  78. .tabbrowser-tab:not([selected="true"]) > .tab-image-right
  79. {
  80.   background-color: transparent;
  81. }
  82. .tabbrowser-tab:hover:not([selected="true"]) > .tab-image-left,
  83. .tabbrowser-tab:hover:not([selected="true"]) > .tab-image-right
  84. {
  85.   background-color: transparent;
  86. }
  87.  
  88.  
  89. .tabbrowser-tab:hover,
  90. .tabbrowser-tab[selected="true"] {
  91.   opacity: 1.0;
  92. }
  93.  
  94. .tabbrowser-tab .tab-text {
  95. }
  96.  
  97. .tabbrowser-tab .tab-icon,
  98. .tabbrowser-tab .tab-close-button {
  99. }
  100.  
  101. .tabbrowser-strip {
  102.   overflow: hidden;
  103. }
  104.  
  105. .tabs-bottom {
  106.   height: 0px !important;
  107.   background: none !important;
  108.   border: 0px !important;
  109. }
  110.  
  111.  
  112. /* tabbar new tab button */
  113. .tabbar-newtab-button {
  114.   -moz-appearance: none;
  115.   border: 0;
  116.   padding: 0;
  117. }
  118. /* BC: Old Tab-button CSS
  119. .tabbar-newtab-button {
  120.   list-style-image: url("chrome://browser/skin/Toolbar.png");
  121.   -moz-image-region: rect(3px 320px 32px 288px);
  122. }
  123.  
  124. .tabbar-newtab-button:hover:active {
  125.   -moz-image-region: rect(35px 320px 64px 288px);
  126. }
  127.  
  128. .tabbar-newtab-button:hover {
  129.   -moz-image-region: rect(99px 320px 128px 288px);
  130. }*/
  131.  
  132. /* BC: Right now we need this button to be 29px height,
  133.  * So I'm decreasing the bottom value by 3, (currently 32)
  134.  */
  135. .tabbar-newtab-button {
  136.   list-style-image: url("chrome://browser/skin/Toolbar.png");
  137.   -moz-image-region: rect(0px 782px 29px 750px);
  138. }
  139. .tabbar-newtab-button:active,
  140. .tabbar-newtab-button:hover:active {
  141.   -moz-image-region: rect(100px 782px 129px 750px);
  142. }
  143.  
  144. .tabbar-newtab-button:hover {
  145.   -moz-image-region: rect(50px 782px 79px 750px);
  146. }
  147.  
  148. /* BC: apr12 - New Tab Theming */
  149.  
  150. /* Tabs, left-side */
  151.  
  152.   /* Tab, left, Active */
  153.   .tabbrowser-tab[selected="true"] > .tab-image-left {
  154.     margin-bottom: 1px;
  155.     background: url("chrome://global/skin/tabs/tab-left.png") no-repeat;
  156.     background-color: transparent;
  157.   }
  158.  
  159.   /* Tab, left, inactive */
  160.   .tabbrowser-tab:not([selected="true"]) > .tab-image-left {
  161.     margin-bottom: 1px;
  162.     background: url("chrome://global/skin/tabs/tab-left-inact.png") no-repeat;
  163.     background-color: transparent;
  164.   }
  165.   /* Tab, left (reverse), inactive */
  166.   .tabbrowser-tab[chromedir="rtl"]:not([selected="true"]) > .tab-image-left {
  167.     background: url("chrome://global/skin/tabs/tab-right-inact.png") no-repeat;
  168.     background-color: transparent;
  169.   }  
  170.  
  171.   /* Tab left edge, inactive, hover */
  172.   .tabbrowser-tab:hover:not([selected="true"]) > .tab-image-left {
  173.     background: url("chrome://global/skin/tabs/tab-left-inact.png") no-repeat;
  174.     background-color: transparent;
  175.   }
  176.  
  177.   /* Tab left edge, first-tab, inactive, hover || normal */
  178.   .tabbrowser-tab:hover:not([selected="true"])[first-tab="true"] > .tab-image-left,
  179.   .tabbrowser-tab:not([selected="true"])[first-tab="true"] > .tab-image-left {
  180.     width: 16px;
  181.     background: url("chrome://global/skin/tabs/tab-left-inact-firsttab.png") no-repeat;
  182.     background-color: transparent;
  183.   }
  184.  
  185.   /* Tab left edge, first-tab, inactive, hover || normal */
  186.   .tabbrowser-tab:hover[selected="true"][first-tab="true"] > .tab-image-left,
  187.   .tabbrowser-tab[selected="true"][first-tab="true"] > .tab-image-left {
  188.     width: 16px;
  189.     background: url("chrome://global/skin/tabs/tab-left-firsttab.png") no-repeat;
  190.     background-color: transparent;
  191.   }
  192.  
  193.   /* Tab left edge, inactive, reverse mode, hover */
  194.   .tabbrowser-tab[chromedir="rtl"]:hover:not([selected="true"]) > .tab-image-left {
  195.     background: url("chrome://global/skin/tabs/tab-right-inact.png") no-repeat;
  196.     background-color: transparent;
  197.   }
  198.  
  199.   /* Tab, left, after selected, inactive, hover || normal */
  200.   .tabbrowser-tab:hover:not([selected="true"])[afterselected="true"] > .tab-image-left,
  201.   .tabbrowser-tab:not([selected="true"])[afterselected="true"] > .tab-image-left
  202.   {
  203.     background: url("chrome://global/skin/tabs/tab-left-after-selected.png") no-repeat;
  204.     background-color: transparent;
  205.   }
  206.  
  207.  
  208. /* Tabs, middle */
  209.   /* Tab, middle, active */
  210.   .tabbrowser-tab > .tab-image-middle {
  211.     background: url("chrome://global/skin/tabs/tab-active-mid.png") repeat-x;
  212.     background-color: transparent;
  213.   }
  214.  
  215.   /* Tab, middle, inactive */
  216.   .tabbrowser-tab:not([selected="true"]) > .tab-image-middle {
  217.     margin-bottom: 1px;
  218.     background: url("chrome://global/skin/tabs/tab-inact-mid.png") repeat-x;
  219.     background-color: transparent;
  220.   }
  221.  
  222.   /* Tab, Middle, inactive, hover - (no hover state) */
  223.   .tabbrowser-tab:hover:not([selected="true"]) > .tab-image-middle {
  224.     background: url("chrome://global/skin/tabs/tab-inact-mid.png") repeat-x;
  225.     background-color: transparent;
  226.   }
  227.  
  228. /* Tabs, right */
  229.  
  230.   /* Tab, Right, Active */
  231.   .tabbrowser-tab[selected="true"] > .tab-image-right {
  232.     margin-bottom: 1px;
  233.     width: 10px;
  234.     background: url("chrome://global/skin/tabs/tab-right.png") no-repeat;
  235.     background-color: transparent;
  236.   }
  237.  
  238.   /* Tab, Right, inactive */
  239.   .tabbrowser-tab:not([selected="true"]) > .tab-image-right {
  240.     margin-bottom: 1px;
  241.     background: url("chrome://global/skin/tabs/tab-right-inact.png") no-repeat;
  242.     background-color: transparent;
  243.   }
  244.  
  245.   /* Tab, right (reverse), inactive */
  246.   .tabbrowser-tab[chromedir="rtl"]:not([selected="true"]) > .tab-image-right {
  247.     background: url("chrome://global/skin/tabs/tab-left-inact.png") no-repeat;
  248.     background-color: transparent;
  249.   }
  250.  
  251.   /* Tab, right, inactive, hover */
  252.   .tabbrowser-tab:hover:not([selected="true"]) > .tab-image-right {
  253.     background: url("chrome://global/skin/tabs/tab-right-inact.png") no-repeat;
  254.     background-color: transparent;
  255.   }
  256.  
  257.   /* Tab, right (reverse), inactive, hover */
  258.   .tabbrowser-tab[chromedir="rtl"]:hover:not([selected="true"]) > .tab-image-right {
  259.     background: url("chrome://global/skin/tabs/tab-left-inact.png") no-repeat;
  260.     background-color: transparent;
  261.   }
  262.  
  263.   /* Tab, right, before selected, inactive, Hover || Normal  */
  264.   .tabbrowser-tab:hover:not([selected="true"])[beforeselected="true"] > .tab-image-right,
  265.   .tabbrowser-tab:not([selected="true"])[beforeselected="true"] > .tab-image-right
  266.   {
  267.     background: url("chrome://global/skin/tabs/tab-right-before-selected.png") no-repeat;
  268.     background-color: transparent;
  269.   }
  270.  
  271.   /* BC Can't use last-tab yet, its messed up in the xul somehow 
  272.   .tabbrowser-tab[selected="true"]:not([first-tab="true"])[last-tab="true"] > .tab-image-right {
  273.     width: 16px;
  274.     margin-bottom: 1px;
  275.     background: url("chrome://global/skin/tabs/tab-right-lasttab.png") no-repeat;
  276.     background-color: transparent;
  277.   }
  278.    */
  279.  
  280.   /* Tab, Right, in-active, last-tab 
  281.   .tabbrowser-tab:not([selected="true"]):not([first-tab="true"])[last-tab="true"] > .tab-image-right {
  282.     width: 16px;
  283.     margin-bottom: 1px;
  284.     background: url("chrome://global/skin/tabs/tab-right-inact-lasttab.png") no-repeat;
  285.     background-color: transparent;
  286.   }
  287.   */
  288.   
  289. /* Tabs, close button */
  290.   /* Tab, Active, middle */
  291.   .tabbrowser-tab > .tab-close-button {
  292.     background-image: url("chrome://global/skin/tabs/tab-active-mid.png");
  293.     background-color: transparent;
  294.   }
  295.   /* Tab, inactive, middle */
  296.   .tabbrowser-tab:not([selected="true"]) > .tab-close-button {
  297.     background-image: url("chrome://global/skin/tabs/tab-inact-mid.png");
  298.     background-color: transparent;
  299.   }
  300.  
  301. /* BC:  End shadow cap, using new tab button */
  302. .tabbar-newtab-button {
  303.     background-image: url("chrome://global/skin/tabs/tab-lasttab-shadow.png");
  304.     background-repeat: no-repeat;
  305.     background-color: transparent;
  306. }
  307.